/*@media only screen and (max-width: 768px) {
    #nonono {
        display: none;
}
}


@media only screen and (min-width: 769px) {
  #bodyh {
    display: none;
}*/

.displaynone{
    display: none;
}
    body{
 
        /*background-color: #171921 !important;*/
        
    }
}
    body home{
        background-color: #f8f8f8;
    }
    
    .Logo {
        display: block;
        margin: auto;
        width:200px;
        padding-top:100px;

    }

    .vl {
        border-left: 5px solid #02e97f;
        height: 90%;
        position: absolute;
        left: 50%;
        /*margin-left: -3px;*/
        /*top: 5%;*/
        margin-top: 50px;
    }
    .hl {
        background-color: #02e97f;
        align-items: center;
        padding: 1px;
        width:130px;
    
        display: block;
        margin: auto;
    }
    .hlmenu {
        background-color: #d2d2d2;
        align-items: center;
        padding: 1px;
        width:100%;
        position: absolute;
    }
    .paddingline
    {
        /*padding-top: 10px;*/
        padding-bottom: 12px;
    }


    .copy-box {
        display: none;
        position: fixed;
        background-color: #ffd800;
        color: #4d4d4d;
        padding: 10px;
        border-radius: 5px;
        /*margin-top: 80%; /* برای نمایش بالای تگ <p> */
        /*margin-left: 40%; /* برای نمایش بالای تگ <p> */

            bottom: 60;
            right: 15;
        z-index: 1000;
    }


    .prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}


    .dark-mode {
  /*background-color: #171921 !important;*/
  background-image: url("../images/bg.webp");
        background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  color: white;
}

.menu-dark-mode {
  background-color: #1c2029 !important;
}

    .textcenter {
        text-align: center;
    }
.yekanfont{
    font-family: 'Yekan';
    font-weight: bold;
}
.iransansfont{
    font-family: 'IranianSans';
    font-weight: bold;
}
.vazirfont{
    font-family: 'Vazir';
    font-weight: bold;
    direction: rtl;
}

.fontsize{
    font-weight: bold;
}


    .page {
      display: none;
    }
    .page.active {
      display: block;
    }
    
    
    
    
    .button-65 {
  appearance: none;
  backface-visibility: hidden;
  background-color: #00d463;
  border-radius: 10px;
  border-style: none;
  box-shadow: none;
  box-sizing: border-box;
  color: #183f84;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 14px 30px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
}

.button-65:hover {
  background-color: #ffea00;
  box-shadow: rgba(0, 0, 0, .05) 0 5px 30px, rgba(0, 0, 0, .05) 0 1px 4px;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
}

.button-65:hover:after {
  opacity: .5;
}

.button-65:active {
  box-shadow: rgba(0, 0, 0, .1) 0 3px 6px 0, rgba(0, 0, 0, .1) 0 0 10px 0, rgba(0, 0, 0, .1) 0 1px 4px -1px;
  transform: translateY(2px);
  transition-duration: .35s;
}

.button-65:active:after {
  opacity: 1;
}

@media (min-width: 768px) {
  .button-65 {
    padding: 14px 22px;
    width: 176px;
  }
}
    
    
    .sticky-bottom {
  position: fixed;
  bottom: 30px; /* فاصله از پایین */
  left: 0;   /* فاصله از چپ */
  width: 100%; /* پوشش کل عرض */
  text-align: center; /* متن وسط‌چین */
  padding: 10px; /* اختیاری: فاصله داخلی */
}
    
    
    
    
    .center {
  margin-left: auto;
    margin-right: auto;
  width: 300px;
 /* border: 3px solid green;*/
  padding: 10px;
  


}